@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1828px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_title{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			margin:{
				left:r(69px);
				top:r(14px);
			}
			color:#333333;
			border-radius:5px;
			font-size:r(35px);
			line-height:r(60px);
		}
		.header_right{
			width:r(40px);
			height:r(40px);
			float:right;
			margin:{
				top:r(27px);
				right:r(26px);
			}
			img{
				height:100%;
			}
		}
	}
	.content{
		width:100%;
		font-size:0;
		margin-top:r(87px);
		.shopheader{
			width:100%;
			height:r(400px);
			background-image:url(../img/supplier_signbg.jpg);
			background-size:100%;
			.shopPic{
				width:r(130px);
				height:r(130px);
				background-color:#fff;
				border-radius:50%;
				border:3px solid #c9cbef;
				margin:0 auto;
				display:flex;
				align-items: center;
				position:relative;
				top:r(44px);
				>img{
					height:80%;
					width:80%;
					border-radius:50%;
					margin:0 auto;
				}
			}
			.shopname{
				text-align:center;
				font-size:r(35px);
				color:#fff;
				margin-top:r(59px);
				font-weight:normal;
			}
			.shopNum{
				text-align:center;
				font-size:r(24px);
				color:#fff;
				margin-top:r(25px);
				span{
					margin-right:r(20px);
					margin-left:r(20px);
				}
			}
			.focu_btn{
				width:r(160px);
				height:r(50px);
				margin:0 auto;
				text-align:center;
				font-size: r(24px);
				color:#fff;
				background-color:#83d050;
				border-radius:5px;
				line-height:r(50px);
				margin-top:r(29px);
			}
		}
		.shopzone{
			width:100%;
			height:r(80px);
			background-color:#fff;
			display:flex;
			font-size:r(26px);
			border-bottom:1px solid #e3e3e3;
			.shoplist{
				width:r(320px);
				height:100%;
				text-align:center;
				line-height:r(80px);
				color:#d62d31;
			}
			.shopdata{
				width:r(320px);
				height:100%;
				text-align:center;
				line-height:r(80px);
				color:#666666;
			}
			.underline{
				position:relative;
				display:block;
				width:30%;
				height:4px;
				background:red;
				margin:0 auto;
				top:r(-8px);
				z-index:1;
			}
		}
		.item{
			width:100%;
			height:r(240px);
			border-bottom:1px solid #e3e3e3;
			display:flex;
			.item_left{
				width:r(245px);
				height:100%;
				display:flex;
				justify-content:space-around;
				align-items: center;
				img{
					width:r(200px);
					height:r(200px);
				}
			}
			.item_right{
				width:r(395px);
				height:100%;
				.name{
					font-size:r(28px);
					color:#333333;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					margin-top:r(35px);
					font-weight:normal;
				}
				.num{
					margin-top:r(20px);
					color:#999999;
					font-size:r(22px);
					span:first-of-type{
						margin-right:r(20px);
					}
				}
				.price{
					margin-top:r(20px);
					color:#999999;
					font-size:r(22px);
				}
				.profits{
					display:inline-block;
					width:r(300px);
					margin-top:r(20px);
					font-size:r(22px);
					color:#333333;
				}
				.add_btn{
					font-size:r(36px);
					text-align:center;
					line-height:r(44px);
					width:r(44px);
					height:r(44px);
					display:inline-block;
					border:2px solid #d62d31;
					color:#d62d31;
					border-radius:50%;
				}
				.add_btn1{
					border:2px solid #83d050;
					color:#83d050;

				}
			}
		}
	}
}